﻿<UserControl x:Class="CetWin.Views.WordDetail"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    xmlns:phoneExt="clr-namespace:Phone.Framework.Behaviors;assembly=Phone.Framework"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
             d:DesignHeight="480" d:DesignWidth="480">
    <UserControl.Resources>
        <ControlTemplate x:Key="IconDT">
            <Border Grid.Row="1"
                    Margin="12"
                    Width="90"
                    Height="90"
                    Background="LawnGreen">
            </Border>
        </ControlTemplate>
    </UserControl.Resources>
    <Grid x:Name="LayoutRoot"
          Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
     

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel"
              Grid.Row="1"
              Margin="12,0,12,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Border VerticalAlignment="Top"
                    Background="{StaticResource PhoneAccentBrush}">
                <TextBlock VerticalAlignment="Bottom"
                           Margin="10,0,0,6" Text="{Binding Name}"
                           FontFamily="{StaticResource PhoneFontFamilyNormal}"
                           FontSize="41"
                           Foreground="{StaticResource PhoneForegroundBrush}"
                           TextWrapping="NoWrap"
                           LineStackingStrategy="BlockLineHeight"
                           LineHeight="39">
                    <!--<Run Text="">secondary</Run>
                    <Run Foreground="Silver"
                         FontSize="{StaticResource PhoneFontSizeMediumLarge}">['sekəndəri] </Run>-->
                </TextBlock>
            </Border>

            <Border Grid.Row="1"
                    Margin="0,12,0,0"
                    Background="{StaticResource PhoneDisabledBrush}">
                <TextBlock VerticalAlignment="Bottom"
                           Margin="10,0,0,6"
                           Text="{Binding Explain}"
                           FontFamily="{StaticResource PhoneFontFamilyNormal}"
                           FontSize="{StaticResource PhoneFontSizeMedium}"
                           Foreground="{StaticResource PhoneForegroundBrush}"
                           TextWrapping="Wrap"
                           LineStackingStrategy="BlockLineHeight"
                           LineHeight="39">
                </TextBlock>
            </Border>
            <Border Grid.Row="2"
                    Margin="0,12,0,0"
                    Background="{StaticResource PhoneDisabledBrush}">
                <TextBlock VerticalAlignment="Bottom"
                           Margin="10,0,0,6"
                           Text="second+ary"
                           FontFamily="{StaticResource PhoneFontFamilyNormal}"
                           FontSize="{StaticResource PhoneFontSizeMedium}"
                           Foreground="{StaticResource PhoneForegroundBrush}"
                           TextWrapping="Wrap"
                           LineStackingStrategy="BlockLineHeight"
                           LineHeight="39">
                </TextBlock>
            </Border>
            <ItemsControl Margin="7"
                          Grid.Row="3"
                          x:Name="images_Element">
                <i:Interaction.Behaviors>
                    <phoneExt:NoItemsSourceTipBehavior />
                </i:Interaction.Behaviors>
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <toolkit:WrapPanel />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Image Width="94"
                               Margin="5"
                               Height="94"
                               Stretch="None">
                            <i:Interaction.Behaviors>
                                <phoneExt:BingImageLoadBehavior Url="{Binding Thumbnail.Url}" />
                            </i:Interaction.Behaviors>
                        </Image>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Grid>
    </Grid>
</UserControl>
